<template>
  <div id="app" :class="{'page-bg-white': pageBgWhite}">
    
    <keep-alive>
      <router-view />
    </keep-alive>
   
   
  </div>
</template>

<script>

export default {
  name: 'App',
 
};
</script>

<style lang="less">
#app {
  // font-family: Avenir, Helvetica, Arial, sans-serif;
  // -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
  // 默认样式，后面可覆盖
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  background-color: #f6f7f8;
  &.page-bg-white{
    background-color: #fff;
  }
}
.app{
  &.van-loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: rgba(17,17,17,0.7);
    padding: 10px 15px;
    border-radius: 5px;
  }
  &.van-overlay{
    background: transparent;
  }
}
.view_top{
  .view_top-fixed{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
  }
}
.van-nav-bar {
  width: 100%;
  .van-icon{
    color: #333;
  }
  .xiaobao {
    width: 24px;
    height: 24px;
    background: url('./assets/images/icon/icon_common_xiaobao@2x.png') no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 20px;
  }
  &.first{
    background: #1f6aff;
    .van-nav-bar__title{
      color: #fff;
    }
    .van-icon{
      color: #fff;
    }
    .xiaobao{
      background-image: url('./assets/images/icon/icon_common_xiaobao_white@2x.png');
    }
  }
}
</style>
